<script setup lang="ts">

import ActionItem from "@/components/ChessBoardItem/AreaItem.vue";
import MarketItem from "@/components/ChessBoardItem/MarketItem.vue";
import TurnItem from "@/components/ChessBoardItem/TurnItem.vue";
import WeatherItem from "@/components/ChessBoardItem/WeatherItem.vue";
</script>

<template>
  <div class="container-fluid col-12 d-flex flex-column">
    <div class="">
      <div>
        <action-item></action-item>
      </div>
      <div>
        <market-item></market-item>
      </div>
      <div>
        <turn-item></turn-item>
      </div>
    </div>
    <div>
      <weather-item></weather-item>
    </div>
  </div>
</template>

<style scoped>

</style>